<template>
<div class="header">
<div class="left">
    <slot name="left"></slot>
</div>
<div class="center">
    <slot name="center">{{title}}</slot></div>
<div class="rigth">
    <slot name="rigth"></slot>
</div>
</div>
</template>

<script>
export default {
data(){
return {
  

}

},
props:{
      title:{
        type:String,
        default:'hmheader'
    }, 
}
}
</script>
<style lang='less' scoped>
.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: red;
    padding: 0 15px;
    height: 50px;
}
</style>
